<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <div id="size_div">
        <table>
            <tr>
                <th>商品尺码ID</th>
                <th>产品标识</th>
                <th>尺码名称</th>
                <th>订单大小</th>
            </tr>
            <tr v-for="s in list">
                <td>{{s.size_ID}}</td>
                <td>{{s.product_ID}}</td>
                <td>{{s.size_Name}}</td>
                <td>{{s.size_Order}}</td>
            </tr>
        </table>
    </div>

    <script src="../../style/jquery-3.3.1.js"></script>
    <script src="../../style/vue.js"></script>
    <script>
        $(function (){
            let list = selSize();
            let app = new Vue({
                el:"#size_div",
                data:{
                    list,
                }
            })
        })

        function selSize(){
            let list;
            $.ajax({
                type:"post",
                url:"/SizeController/selSize",
                dataType:"json",
                async:false,
                success:function (data){
                    list = data;
                }
            })
            return list;
        }
    </script>
</body>
</html>